@media screen and (min-width: 914px) {
    .markdown-preview {
        padding: 0 10px 0 30px !important;
    }
}

/* 显示宽度控制， 0 0 0 10px 就是顶部留0，右边留0，下边留0，左边留10px*/

/* 使用 CSS 可以通过各种属性和值来打造漂亮的边框样式。下面是一些常用的 CSS 属性来定义边框样式：
border-width：设置边框的宽度。例如：border-width: 2px。
border-color：设置边框的颜色。例如：border-color: red。
border-style：设置边框的样式，常见的值包括 dashed（虚线）、solid（实线）、double（双线）等。例如：border-style: dashed。
border-radius：设置边框的圆角弧度，可以创建圆角边框。例如：border-radius: 5px。
box-shadow：设置边框的阴影效果。例如：box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3)。 */
.markdown-preview {
    border-width: 5px;
    border-color: #e9dede;
    border-style: dashed;
    border-radius: 5px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}


/* 右侧目录按钮样式 */
.pretty-button {
background-color: #ac1f1f;
border: none;
color: white;
padding: 6px 110px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
border-radius: 4px;
cursor: pointer;
box-shadow: 0 2px 4px rgba(236, 232, 232, 0.3);
white-space: nowrap;
}
